<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学员信息</title>
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="css/commons.css">
    <style>
        #search_val {
            text-align: center;
            border-radius: 19px;
        }
        
        #search_area {
            position: relative;
            top: 15px;
            /* left: -80px; */
        }
        
        .layui-form-select dl {
            max-height: 200px;
        }
    </style>
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">课工场产融教学新基地</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="http://www.kgc.cn" target="_blank" title="课工场">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>

            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                        <span id="operator"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:void(0)" id="showOperator">基本资料</a></dd>
                        <dd><a href="">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:void(0);" id="logoutBtn">退了</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="deptlist" id="deptlist">
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">
                <iframe src="" class="hide" frameborder="0" id="nows" style="width:100%;height: 300px"></iframe>
                <!-- 工具条 -->
                <script type="text/html" id="toolbarDemo">
                    <div class="layui-btn-container">
                        <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe608;</i> 添加</button>
                        <button class="layui-btn layui-btn-sm" lay-event="edit"><i class="layui-icon">&#xe642;</i> 编辑</button>
                        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del"><i class="layui-icon">&#xe640;</i> 删除</button>
                        <button class="layui-btn layui-btn-sm" lay-event="info"><i class="layui-icon">&#xe609;</i> 详情</button>
                        <button class="layui-btn layui-btn-sm" lay-event="echarts"><i class="layui-icon">&#xe6b2;</i> 图示</button>
                    </div>
                    <form class="layui-form" action="" lay-filter="search">
                        <div class="layui-form-item" id="search_area">
                            <div class="layui-input-inline">
                                <select name="cid" id="search_cid"></select>
                            </div>
                            <label class="layui-form-label" style="position: relative;left:50px;z-index:999"><i class="layui-icon layui-icon-username"></i></label>
                            <div class="layui-input-inline">
                                <input type="search" id="search_val" name="firstName" autocomplete="off" placeholder="请输入搜索姓名" class="layui-input">
                            </div>
                            <div class="layui-input-inline">
                                <button class="layui-btn" lay-submit lay-filter="formSearch"><i class="layui-icon">&#xe615;</i>点我一下，你就知道</button>
                            </div>
                        </div>
                    </form>
                </script>
                <!-- 显示部门内员工简略信息列表 -->
                <table id="empList" lay-filter="empList"></table>
            </div>
            <div class="layui-footer">
                <!-- 底部固定区域 -->
                © ekgc.cn - 课工场 - 每时每课给你薪机会
            </div>
        </div>
        <!-- 填写员工详细信息 -->
        <div style="display: none;" id="add">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend><span id="add_title"></span></legend>
            </fieldset>
            <form class="layui-form" action="" lay-filter="add">
                <div class="layui-form-item">
                    <label class="layui-form-label">班级</label>
                    <div class="layui-input-inline">
                        <select name="cid" id="cid"></select>
                    </div>
                    <label class="layui-form-label">身份证</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idCard" value="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">曾用名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="firstName" id="firstName" value="" autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">现用名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="lastName" id="lastName" value="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="authText" value="" autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="repassword" value="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机号</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="mobile" value="" autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <!-- <button class="layui-btn layui-btn-disabled" lay-submit lay-filter="formAdd" id="formAdd" disabled>立即提交</button> -->
                        <button class="layui-btn" lay-submit lay-filter="formAdd" id="formAdd">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>
        <!-- 显示员工详细信息 -->
        <div style="display: none;" id="info">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend><span id="add_title"></span></legend>
            </fieldset>
            <form class="layui-form" action="" lay-filter="info">
                <div class="layui-form-item">
                    <label class="layui-form-label">班级</label>
                    <div class="layui-input-inline">
                        <input type="text" name="clazzName" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">身份证</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idCard" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">曾用名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="firstName" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">现用名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="lastName" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">年龄</label>
                    <div class="layui-input-inline">
                        <input type="text" name="age" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="close" lay-skin="switch" lay-text="男|女" disabled="">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="mobile" value="" readonly autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">出生日期</label>
                    <div class="layui-input-inline">
                        <input type="text" name="birthday" value="" readonly autocomplete="off" class="layui-input">
                    </div>

                </div>
            </form>
        </div>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="echarts_box" class="layui-row" style="display: none;">
            <div id="gender_box" class="layui-col-xs6" style="height:400px;">

            </div>
            <div id="computer_box" class="layui-col-xs6" style="height:400px;">

            </div>
        </div>
        <img src="http://localhost:8080/qrcode/bilibili" width="900px" height="900px" style="display: none;" id="qrcode" alt="">

</body>

</html>
<!-- <script src="res/jquery-3.4.1.min.js"></script> -->
<script src="res/layui/layui.all.js"></script>
<!-- 引入 echarts.js -->
<script src="res/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="res/commons.js"></script> -->
<script src="js/data.js"></script>